page{
  background-color: #ffffff;
}
.home-view{

  .content-view{
    overflow:auto;
    padding: 20px;
  }

  .mine-image{
    width: 50px;
  }
  .title-image{
    width: 150px;
    margin-left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .button-img{
    text-align: left;
    line-height: 100%;
    display: inline;
    position:initial;
    background-color: transparent;
    outline: none;    //消除默认点击蓝色边框效果
    border-radius: 0;
  }

  .dayImage{
    width: 145px;
    height: 50px;
    bottom: 40px;
    left: 31vw;
    background: url("https://tarotstaic.oss-cn-hangzhou.aliyuncs.com/WxResources/day1.png") no-repeat;
    border-style: none;
    background-size: 145px;
  }
  .home_bgblack
  {
    opacity:1;
    //background: url('https://tarotstaic.oss-cn-hangzhou.aliyuncs.com/WxResources/home_bgblack.png') repeat;
  }
  .home_surpris
  {
    position: absolute;
    top:0px;
    left:0px;
    z-index: 9;
    width:100%;
    height:110%;
    opacity: 0.9;
    background-color: #000;
    text-align: center;
    vertical-align: middle;
    padding-top: 16%;
  }
  .home_surprisnone
  {
    display:none;
  }
  .top-image{
    height: 116vh;
    width: 100vw;
  }

  .item-image{
    width: 90vw;
    display: block;
  }
  .text-view{
    font-weight: bold;
    color: #ffffff;
    font-size: 20px;
    top: 30%;
    left: 30%;
  }
  .text-viewfree{
    font-weight: bold;
    color: #ffffff;
    font-size: 20px;
    top: 0%;
    left: 200%;
    width: 60px;
  }
  .expect-text{
    font-size: 18px;
    font-weight: normal;
    margin-right: 20px;
  }

  ///////////////弹///////窗/////////////
  .at-modal__container{
    width: 80vw;
    top:50%;
    .at-modal__content{
      min-height: 50px;
      font-size: 15px;
      color: #0F0F0F;
      padding: 0 23px 16px 23px;
    }
    .at-modal__header{
      font-weight: bold;
      font-size: 20px;
      color: #212121;
    }

    .at-modal__header::after{
      border-bottom: 0px;
    }

    .modal-action{
      font-size: 15px;
      color: #369AE6 !important;
      height: 40px;
      line-height: 40px;
    }

    .at-modal__footer .at-modal__action > button{
      font-size: 18px;
      height: 60px;
      line-height: 60px;
      min-width: 0;
    }
  }
}